<!DOCTYPE HTML>
<html>
<head>
    <title>single_news</title>
    <link href="../css/single_news.css" rel="stylesheet" type="text/css" media="all" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../js/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="../js/news.js" type="text/javascript"></script>
</head>
<body>
<header>
    <div class="header">
        <div class="header-top">
            <!-- container -->
            <div class="container">
                <div class="header-top-left">
                    <ul>
                        <li><a href="#">评测自媒体</a></li>
                        <li><a href="#">VR百科</a></li>
                        <li><a href="#">VR论坛</a></li>
                    </ul>
                </div>
                <div class="header-top-right">
                    <form>
                        <input type="text" placeholder=" " required="">
                        <input type="submit" value=" ">
                        <div class="clearfix"> </div>
                    </form>
                </div>
                <div class="clearfix"> </div>
            </div>
            <!-- //container -->
        </div>
        <div class="header-middle">
            <!-- container -->
            <div class="container">
                <div class="header-middle-logo">
                    <a href="home.html">虚拟现实质量评估网站</a>
                </div>
                <div class="header-middle-right">
                    <div class="login">
                        <ul>
                            <li class="gray"><a href="login.html"><strong> 登陆</strong></a></li>
                            <li class="gray"><a href="register.html"><strong> 注册</strong></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="top-nav">
            <!-- container -->
            <div class="container">
                <span class="menu">菜单</span>
                <ul class="nav1">
                    <li><a href="home.html">首页</a><li>
                    <li><a href="news.html">新闻资讯</a><li>
                    <li><a href="shop.html">产品中心</a><li>
                    <!--<li><a href="articles.html">评测中心</a><li>-->
                    <li><a href="blog.html">产品对比</a><li>
                    <!--<li><a href="typo.html">产品排行榜</a><li>-->
                    <!--<li><a href="contact.html">消费者口碑</a></li>-->
                    <div class="clearfix"> </div>
                </ul>
                <script>
                    $( "span.menu" ).click(function() {
                        $( "ul.nav1" ).slideToggle( 300, function() {
                            // Animation complete.
                        });
                    });

                </script>

            </div>
            <!-- //container -->
        </div>
    </div>
</header>

<div class="wrap">
    <div class="title1">
        <p>您的位置：<a href="home.html">首页</a> > <a href="news.html"> 新闻中心</a> > <a id="little_title">新闻标题</a></p>
    </div>
    <div class="content">
        <div id="news_title">新闻标题新闻标题</div><br>
        <div class="under_title">
        <ul>
        <li><a id="author">XX</a></li>
        <li><a id="time">XX年XX月XX日 XX：XX：XX</a></li>
        <li><a id="source">XXXXX</a></li>
        </ul>
        </div>
        <br>
        <div id="news_body">
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        </div>
        <div class="news_img">
            <img src="" id="news_img">
        </div>
        <br>
        <div id="news_keyword">
            关键词：
            <a href="" target="_blank">XXXX</a>

            <a href="" target="_blank">XXXX</a>

            <a href="" target="_blank">XXXX</a>

        </div>
        <div class="news_comment">
            评论：
            <div id="news_comment">   </div>

        </div>


    </div>
</div>
<div class="clearFloat"></div>
<footer>
    <div class="wrap1">
        <div class="about">
            <div class="title">关于我们</div>
            <p>介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍
                介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
        </div>
        <ul class="link1">
            <li class="title">本网站指引</li><br><br><br>

            <li><a href="home.html">首页</a></li>
            <li><a href="#">新闻资讯</a></li>
            <li><a href="#">产品中心</a></li>
            <li><a href="#">产品对比</a></li>
            <!--<li><a href="#">评测中心</a></li>-->
            <!--<li><a href="#">产品排行榜</a></li>-->
        </ul>
        <ul class="link2">
            <!--<li><a href="#">消费者口碑</a></li>-->
            <li><a href="#">评测自媒体</a></li>
            <li><a href="#">VR百科</a></li>
            <li><a href="#">VR论坛</a></li>
        </ul>
        <div class="clearFloat"></div>
        <div class="copy"><p>&copy; 2017 All Rights Reserved</p></div>
    </div>
</footer>
</body>
</html>